/*<meta />*/

@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:ital,wght@0,400;0,700;1,400;1,700&family=Roboto:ital,wght@0,400;0,700;1,400;1,700&display=swap');

@namespace MadCap url(http://www.madcapsoftware.com/Schemas/MadCap.xsd);

body
{
	font-family: 'Roboto', Helvetica, Arial, sans-serif;
	width: 100%;
}

h1
{
	font-style: normal;
	color: #3c444f;
	line-height: 1.4em;
	font-size: 44px;
	font-family: 'Roboto Condensed';
	font-weight: 500;
}

h2
{
	color: #3c444f;
	font-style: normal;
	font-family: 'Roboto Condensed';
	margin-bottom: 18px;
	font-size: 32px;
	line-height: 1.4em;
	font-weight: 500;
	margin-top: 40px;
}

h3
{
	color: #3c444f;
	font-family: 'Roboto Condensed';
	font-style: normal;
	font-size: 25px;
	font-weight: 500;
	margin-top: 30px;
}

h4
{
	color: #3c444f;
	font-family: 'Roboto Condensed';
	font-style: normal;
	font-size: 16px;
	font-weight: bold;
	margin-top: 30pt;
}

h5
{
	font-weight: bold;
	font-size: 10.0pt;
	color: #3c444f;
	font-family: 'Roboto Condensed';
}

h6
{
	font-weight: bold;
	font-size: 8.0pt;
	color: #3c444f;
	font-family: 'Roboto Condensed';
}

p
{
	margin-top: 12px;
	margin-bottom: 15px;
	line-height: 1.50em;
	font-size: 16px;
	/* max-width: 60%; REMOVED FOR IMAGE SIZING*/
	font-family: 'Roboto', Helvetica, Arial, sans-serif;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	color: #3c444f;
}

ol,
ul
{
	margin-top: 0px;
	margin-bottom: 0px;
}

img
{
	border: none;
	margin-top: 0px;
	max-height: auto;
	max-width: auto;
}

MadCap|expandingHead
{
	font-style: italic;
	font-weight: normal;
	cursor: hand;
	text-decoration: none;
	color: #006600;
	font-family: Roboto;
}

MadCap|expandingBody
{
	color: #777777;
	font-style: italic;
}

MadCap|dropDownHotspot
{
	cursor: hand;
	text-decoration: none;
	font-weight: bold;
	font-style: italic;
	font-family: 'Roboto Condensed';
	border-bottom-style: solid;
	border-bottom-color: 163759;
	border-color: 163759;
	color: #0082C8;
	border: none;
}

.body-container
{
	padding-top: 2em;
}

/*== Other topics header bar styles ==*/

.title-bar-container
{
	
}

nav.title-bar
{
	box-shadow: 0 4px 8px rgba(0,0,0,0.4);
}

/*== madcap proxy assigned styles ==*/

MadCap|breadcrumbsProxy
{
	border-bottom-width: 0;
	color: #888888;
	mc-breadcrumbs-prefix: ' ';
	font: Roboto;
	font-family: Roboto;
}

li
{
	color: #3c444f;
	font-style: normal;
	font-weight: normal;
	line-height: 1.4em;
	font-size: 1rem;
	margin-bottom: 10px;
}

ol
{
	font-family: Roboto;
	color: #3c444f;
	padding-bottom: 12px;
	padding-left: 50px;
	font-size: 16px;
	line-height: 1.50em;
	margin-bottom: 6px;
}

table
{
	
}

hr
{
	margin-top: 12px;
}

/*== Home Page Footer ==*/

div.home-footer
{
	padding: 1% 0%;
	margin-top: 5%;
	background-color: #636a73;
	width: 100%;
	min-width: 100%;
	max-width: 100%;
	position: fixed;
	bottom: 0;
}

p.footer
{
	margin-top: 5px;
	margin-bottom: 5px;
	line-height: 13pt;
	font-size: 12px;
	color: 3c444f;
}

div.home-tiles-container
{
	
}

div.footer
{
	
}

a:link
{
	color: #0082C8;
}

a:visited
{
	color: #0082C8;
}

a:hover
{
	color: #0082C8;
}

a:active
{
	color: #0082C8;
}

a.MCBreadcrumbsLink
{
	color: #0082C8;
}

img.Ident2
{
	padding: 0px 0px 0px 50px;
}

p.Indent
{
	padding-left: 51px;
	margin-bottom: 12px;
}

li.ListSmallLetterIndent
{
	margin-left: 20px;
	font: Roboto;
	font-family: Roboto;
}

img.imgAfterLetterIndent
{
	margin-left: 70px;
}

li.IndentCircle
{
	list-style-type: circle;
	margin: 0px 0px 0px 40px;
}

MadCap|dropDownHead
{
	font-family: 'Roboto Condensed';
	font-size: 14pt;
	font-weight: bold;
	font-style: normal;
	margin-left: 10pt;
	line-height: 15pt;
	border: none 1px #0082c8;
	border-bottom-style: solid;
	border-left-color: transparent;
	border-right-color: transparent;
	border-top-color: transparent;
	border-top-style: none;
	color: #0082C8;
}

MadCap|dropDownBody
{
	border-left-color: transparent;
	border-left-style: none;
	border-right-color: transparent;
	border-right-style: none;
	border-top-color: transparent;
	border-top-style: none;
	margin-left: 20px;
	border-bottom: solid 0px transparent;
	border: solid 0px transparent;
	border-bottom-color: transparent;
}

MadCap|dropDown
{
	border: none 0px #000000;
	font-family: Roboto;
}

@media only screen and (max-width: 1279px)
{
	.body-container
	{
		padding-left: 1em;
		padding-right: 5em;
	}

	p.PBold
	{
		font-weight: bold;
		font-style: normal;
		line-height: 1.4em;
		padding-bottom: 10px;
	}

	li.IndentCircle
	{
		list-style-type: circle;
		margin-left: 40pt;
	}

	img.imgAfterLetterIndent
	{
		margin-left: 30pt;
	}

	p.Indent
	{
		margin-left: 2pt;
	}

	img.Ident2
	{
		margin-left: 90px;
	}

	li.IndentAfterOL
	{
		list-style-type: disc;
		left: 100px;
		margin-left: 30pt;
	}

	li.ListSmallLetterIndent
	{
		list-style-type: lower-alpha;
		margin-left: 30pt;
	}
}

li.ListSmallLetterIndent2
{
	margin-left: 15px;
	margin-right: 30px;
}

/* CUSTOM STYLES */
/* sidenav styles */

nav.sidenav-wrapper
{
	border-right: solid 1px #b2b5ba;
	/*add border to sidebar */
}

div.sidenav-container
{
	border-right: none;
	/*remove border from container */
}

/* override standard child padding for lists to line up expand/collapse icons on right */
/* selectors below from build file: Styles.css */

/* ul.sidenav li li
{
	margin-right: 0;
} */

ul.sidenav ul > li > a
{
	margin-right: 0;
}

ul.sidenav ul ul > li > a
{
	margin-right: 0;
}

ul.sidenav ul ul ul > li > a
{
	margin-left: 0px;
}

ul.sidenav ul ul ul ul > li > a
{
	margin-left: 0px;
}

/* Responsive Images */

img
{
	max-width: 100%;
	height: auto;
}

img.limit-800
{
	width: 100% !important;
	max-width: 800px;
	height: auto;
}

img.limit-600
{
	width: 100% !important;
	max-width: 600px;
	height: auto;
}

img.limit-400
{
	width: 100% !important;
	max-width: 400px;
	height: auto;
}

/* Logo */

.title-bar-layout .logo-wrapper
{
	flex: 0 1 290px;
}

.logo-wrapper a.logo
{
	width: calc(100% - 36px);
	height: 36px;
	background-repeat: no-repeat;
	background-position: left center;
	background-size: contain;
}

/* Header Bar */

.menu-icon-container
{
	min-height: 36px;
}

/* Image Helpers */
/* Use this on a list item that contains an image to remove the bullet. */

li.image-in-list
{
	list-style: none;
}

div.video-wrapper
{
	max-width: 800px;
}

.w-hero-background img
{
	display: none !important;
}

.w-gallery-view__hero-content-wrapper
{
	display: none !important;
}

div.onehunwidth
{
	
}

img.imgmap
{
	
}

b.bold
{
	
}

b.Note
{
	color: #b1185e;
}

.tooltip
{
	max-width: 250px;
}

p.BulletIndentCircle
{
	margin-left: 50px;
}

ul.Level2LowerCase
{
	
}

ul.Level2
{
	color: #3c444f;
	font-family: 'Roboto', Helvetica, Arial, sans-serif;
	margin-left: 80px;
	padding-left: 2px;
	list-style-type: circle;
}

div.note
{
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	background-color: #F6F4EE;
	background-position: 9px 0px;
	background-repeat: no-repeat;
	border: solid 2px #F76E18;
	border-radius: 6px;
	line-height: 18px;
	overflow: hidden;
	padding: 15px 60px;
}

/*
tr:hover
{
	background-color: #FBF7E1;
}
*/

/*respect light/dark mode if enabled*/

html
{
	--google-blue-50: rgb(232, 240, 254);
	--google-blue-300: rgb(138, 180, 248);
	--google-blue-700: rgb(25, 103, 210);
	--google-grey-200: rgb(232, 234, 237);
	--google-grey-800: rgb(60, 64, 67);
	--google-grey-900: rgb(32, 33, 36);
	--interactive-color: var(--google-blue-700);
	--primary-color: var(--google-grey-900);
	--product-background: var(--google-blue-50);
	background: white;
}

/*
@media (prefers-color-scheme: dark) {
  html {
    --interactive-color: var(--google-blue-300);
    --primary-color: var(--google-grey-200);

    --product-background: var(--google-grey-800);

    background: var(--google-grey-900);
  }
}

body {
  color: var(--primary-color);
  font-size: 84%;
  max-width: 1020px;
}
a {
  color: var(--interactive-color);
}
*/